<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>订单详情</title>
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />
</head>
<style type="text/css">
    .food img{
        width: 100px;
        height: 100px;
    }
    body{
        background: #F8F8F8;
    }
    .titinfo{
        font-size:14px;
        padding: 10px 15px 0 15px;
    }
    .weui-cells{
        font-size: 14px;
    }
    .sex{ overflow: hidden; }
    .sex span{ display: inline-block; }
    .sex i {
        display: block;
        float: left;
        width: 14px;
        height: 14px;
        border: 2px solid #9b6820;
        background-color: #fff;
        border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    .sex span.cur i {background: #9b6820 }
    .weui-media-box__desc{
        color: #555555;
    }
    .weui-media-box__desc p{
        line-height: 30px;
    }
</style>
<body>
<div class="container" id="container">
    <div class="titinfo">
        订单详情
    </div>
    <div class="weui-cells weui-cells_form">

          <div class="weui-panel weui-panel_access" style="margin-bottom: 60px;">
              <div class="weui-panel__hd">
                  <div class="weui-cells" style="margin-top: 0;">
                      <div class="weui-cell">
                          <div class="weui-cell__hd food" style="position: relative;margin-right: 10px;">
                              <img src="{$order.goods_img}">
                          </div>
                          <div class="weui-cell__bd">
                              <p>{$order.goods_name}</p>
                              <p class="jifen">{$order.price}积分</p>
                              <p>{$goods.show}</p>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">收货地址</label></div>
            <div class="weui-cell__bd">
               {$order.address}
            </div>
        </div>
          <div class="weui-cell" style="border-bottom: 1px solid #D9D9D9;margin-bottom: 10px">
              <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
              <div class="weui-cell__bd">
                 {$order.phone}
              </div>
          </div>
    </div>


</div>
</body>
<script src="__STATIC_URL__/static/jquery/3.2.1/jquery.min.js"></script>

</html>
